<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>手机陀螺仪</title>
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<p id="a"></p>
<p id="x"></p>
<p id="y"></p>

<script>
  var a = document.getElementById('a');
  var x = document.getElementById('x');
  var y = document.getElementById('y');
  window.addEventListener('deviceorientation',function (event) {
    a.innerHTML = event.alpha; // 设备指示的方向，根据指南针的设定情况而定
    x.innerHTML = event.beta;  // 设备绕x轴旋转的角度
    y.innerHTML = event.gamma; // 设备绕y轴旋转的角度
  });
</script>

<!--

/* 调用地理定位 */
navigator.geolocation
方法：
getCurrentPosition(successCallback, errorCallback, options) 获取地理位置
watchPosition(successCallback, errorCallback, options)      轮询获取地理位置
clearWatch(id)                                              清除轮询获取地理位置
参数：
successCallback 获取成功时的回调函数，参数：position
    position.timestamp         时间戳
    position.coords.latitude   纬度
    position.coords.longitude  经度
    position.coords.altitude   高度
    position.coords.accuracy   以米为单位的经度和纬度估计的精确度
    position.coords.heading    当前设备移动角度方向，相对于正北方向顺时针计算
    position.coords.speed      以米每秒为单位的设备的当前对地速度
errorCallback   获取失败时的回调函数，参数：error
    error.code                 错误代码（1：没有权限，2：无法确定位置，3：超时）
    error.message              错误提示内容
options {}      设置参数
    options.enableHighAccuracy 是否更精确
    options.timeout            超时时间
    options.maximumAge         缓存时间（ms）
// 调用地理定位参考：http://www.cnblogs.com/lecaf/archive/2011/08/01/2123593.html


-->
</body>
</html>